﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <!-- Bootstrap-->
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300|Nunito:700">
    <link href="../../Content/themes/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/themes/bootstrap/css/font-awesome.css" rel="stylesheet"
        type="text/css" />
    <link href="../../Content/themes/bootstrap/css/slider-style.css" rel="stylesheet"
        type="text/css" />
    <link href="../../Content/themes/bootstrap/css/main.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/themes/bootstrap/css/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="../../Content/themes/bootstrap/js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="../../Content/themes/bootstrap/js/jquery-ui.js" type="text/javascript"></script>
    <style type="text/css">
        .da-slider
        {
            height: auto;
        }
    </style>
</head>
<body>
    <header>
        <div class="row logo-wrapper">
            <div class="container">
                <div class="span4">
                    <a href="#" class="brand">Nạp Tiền Online</a>
                </div>
                <div class="span3 pull-right">
                    @Html.Partial("_LogOnPartial")
                </div>
            </div>
        </div>
        </header>
    <!-- end of logo wraper -->
    <div class="row nav nav-wrapper" style="margin-bottom: 10px">
        <div class="navbar container navbar-inverse">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span
                class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </a>
            <div class="nav-collapse">
                @Html.Partial("MenuUser")
            </div>
            <!--/.nav-collapse -->
        </div>
        <!-- /.navbar -->
    </div>
    <div class="alert alert-success">
        @Html.Partial("_MenuUserInfo")
    </div>
    <div id="dvLoading">
    </div>
    <div class="row">
        <div class="container slider-wrapper">
            @* <div class="da-slider" id="da-slider" style="background-position: 143550% 0%;">*@
            @RenderBody()
            @*            </div>*@
        </div>
    </div>
    <div class="social-stuffs">
        <div class="container">
            <div class="row">
                <div class="span4 offset2">
                    <h4>
                        Follow Us on</h4>
                    <ul>
                        <li class="fan-page"><a href=""><i class="fb icon-facebook"></i>Facebook</a></li>
                        <li class="fan-page"><a href=""><i class="gp icon-google-plus"></i>Google Plus</a></li>
                        <li class="fan-page"><a href=""><i class="tt icon-twitter"></i>Twitter</a></li>
                    </ul>
                </div>
                <div class="span4">
                </div>
                <div class="span4 offset2">
                    <h4>
                        Links</h4>
                    @Html.Partial("FooterUser")
                </div>
            </div>
        </div>
        <footer>
                <div class="container">
                    <p>&copy; 2013 - YourCompany - All Rights Reserved</p>
                </div>
            </footer>
    </div>
    <script src="../../Content/themes/bootstrap/js/bootstrap.js" type="text/javascript"></script>
    <script src="../../Content/themes/bootstrap/js/jquery.tweet.js" type="text/javascript"></script>
    <script src="../../Content/themes/bootstrap/js/modernizr.custom.28468.js" type="text/javascript"></script>
    <script src="../../Content/themes/bootstrap/js/jquery.cslider.js" type="text/javascript"></script>
    <script src="../../Content/themes/bootstrap/js/application.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var url = window.location.pathname;
            $(".nav-collapse ul li a").each(function () {
                if ($(this).attr("href") == url)
                    $(this).addClass("active");
            });
        });
        $(function () {

            $('#da-slider').cslider({
                autoplay: true,
                bgincrement: 450
            });

        });
        $(function () {
            $(window).load(function () {
                $('#dvLoading').fadeOut(1000);
            });
        });

        // for tweets
        jQuery(function ($) {
            $(".tweet").tweet({
                username: "rkjha420",
                join_text: "auto",
                avatar_size: 28,
                count: 3,
                auto_join_text_default: "we said,",
                auto_join_text_ed: "we",
                auto_join_text_ing: "we were",
                auto_join_text_reply: " to: ",
                auto_join_text_url: "we were checking out",
                loading_text: "loading tweets..."
            });
        });        
        
    </script>
</body>
</html>
